<template>
  <div class="app-container">
    <NewTop />
    <div class="content">
      <DemosticNews />
      <div class="right-col">
        <EntertainmentNews />
        <SportNews />
      </div>
    </div>
    <NewFoot />
  </div>
</template>

<script setup lang="ts">
import NewTop from '../components/项目三/NewTop.vue';
import NewFoot from '../components/项目三/NewFoot.vue';
import DemosticNews from '../components/项目三/DemosticNews.vue';
import EntertainmentNews from '../components/项目三/EntertainmentNews.vue';
import SportsNews from '../components/项目三/SportNews.vue';
</script>

<style scoped>
.app-container {
  max-width: 1200px;
  margin: 0 auto;
}
.content {
  display: flex;
  margin-top: 20px;
}
.right-col {
  flex: 1;
  margin-left: 20px;
}
</style>